<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="./css/global.css">
<link rel="stylesheet" href="./css/style.css">
</head>

<body>
	<div class="header">
    	<div class="top">Full court promotions are on</div>
    	<div class="com">
        	<div class="h_left fl">
            	<a href="">
                	<img src="./images/logo.png" />
                </a>
            </div>
            <div class="h_center fl">
            	<div class="nav">
                	<div class="col">
                    	<a href="index.html" class="name">HOME</a>
                    </div>
                    <div class="col cur">
                    	<a href="shop.html" class="name">SHOP</a>
                    </div>
                    <div class="col next">
                    	<a href="about.html" class="name">ABOUT</a>
                    </div>
                    <div class="col next">
                    	<a href="news.html" class="name">NEWS</a>
                    </div>
                    <div class="col next">
                    	<a href="javascript();" class="name">SERVICE</a>
                    </div>
                    <div class="col last">
                    	<a href="javascript();" class="name">
                        	<img src="./images/amazon.png" />
                        </a>
                    </div>
                </div>
            </div>
            <div class="h_right fr">
            	<a href=""><img src="images/search_a.png" /></a>
                <a href=""><img src="images/shop_icon.png" /></a>
                <a href=""><img src="images/my_icon.png" /></a>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <div class="shop_detail com14">
    	<div class="title">CONTACT US</div>
    	<div class="contact_list">
        	<div class="checkout">
                <span class="one" onclick="type_list(this,1);">Client</span>
                <span class="two cur" onclick="type_list(this,2);">Distributor</span>
            </div>
            <div class="text">
            	<div class="name">Full Name</div>
                <div class="input"><input type="text" /></div>
            </div>
            <div class="text">
            	<div class="name">Email Address</div>
                <div class="input"><input type="text" /></div>
            </div>
            <div class="nav01">
            	<div class="text">
                    <div class="name">phone Number</div>
                    <div class="input"><input type="text" placeholder="+1(123)123-4567" /></div>
                </div>
                <div class="text">
                    <div class="name" style="margin-bottom:0;">company details</div>
                    <div class="detail">To be a reseller,you must be a legitimate business or entity conducting business.</div>
                </div>
                <div class="text">
                    <div class="name">Company Name(For Incoicing)</div>
                    <div class="input"><input type="text" /></div>
                </div>
                <div class="text">
                    <div class="name">Company Website(If Applicable)</div>
                    <div class="input"><input type="text" /></div>
                </div>
                <div class="text">
                    <div class="name">We are interestde in:(Select the most applicable scenario)</div>
                    <div class="select">
                        <input type="checkbox" />
                        <span>Wholesale ( I just want to buy in bulk , will not resell )</span>    
                    </div>
                    <div class="select">
                        <input type="checkbox" />
                        <span>Reseller ( Will sell through a website or physical store )</span>    
                    </div>
                    <div class="select">
                        <input type="checkbox" />
                        <span>Distributor ( Will sell too other stores /retailers )</span>    
                    </div>
                </div>
                <div class="text">
                    <div class="name">Please provide a basic description of your business.(Please iclude where and how will you be selling our prodects?)</div>
                    <div class="textarea"><textarea></textarea></div>
                </div>
                
                <div class="text">
                    <div class="name">How long has the business been operating?</div>
                    <div class="input"><input type="text" /></div>
                </div>
                <div class="text">
                    <div class="name">How many employees does the business have?</div>
                    <div class="input"><input type="text" /></div>
                </div>
            </div>
            <div class="nav02">
            	<div class="text">
                    <div class="name">Message</div>
                    <div class="textarea"><textarea></textarea></div>
                </div>
            </div>
            <div class="sub"><input type="submit" value="SUBMIT" /></div>
        </div>
    </div>
    <div class="footer">
    	<div class="search">
        	<div class="back">
            	<input type="text" placeholder="Get Newsletter (email address)" />
            </div>
        </div>
    	<div class="nav">
        	<div>
                <a class="cur" href="">HOME</a>       
                <a href="">ABOUT</a>     
                <a href="">CONTACT</a>         
                <a href="">PRIVACY</a>        
                <a href="">POLICY</a> 
            </div>
        </div>
        <div class="share"><img src="images/share.png" /></div>
    	<div class="copyright"> Copyright © 2016 Massaro, Inc. All Rights Reserved. MUNITIO.</div>
    </div>
</body>
<script type="text/javascript" src="./js/jq.js"></script>
<script>
function type_list(obj,num){
	if(num==1){
		$(obj).addClass('cur').next().removeClass('cur');
		$('.nav02').show();
		$('.nav01').hide();
	}else{
		$(obj).addClass('cur').prev().removeClass('cur');
		$('.nav01').show();
		$('.nav02').hide();
	}
}
</script>
</html>